<template>
  <div class="base-report">
    <tabs :tabPane="tabPaneList" v-model="activeName" />
    <workTrend v-if="activeName === 'workTrend'"></workTrend>
    <workEfficient v-if="activeName === 'workEfficient'"></workEfficient>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import tabs from '@/components/configCommon/configTabs.vue'
import workEfficient from './workEfficient.vue'
import workTrend from './workTrend.vue'

@Component({
  name: 'workReport',
  components: {
    tabs,
    workEfficient,
    workTrend
  }
})
export default class WorkReport extends Vue {
  private tabPaneList = [
    {
      label: '工单趋势',
      name: 'workTrend'
    },
    {
      label: '工单人效',
      name: 'workEfficient'
    }
  ]

  private activeName = 'workTrend'
}
</script>

<style lang="stylus" scoped>
.base-report
  height: 100%
</style>
